/* theme-dark.css - 暗色主题 */
.app.dark {
  background: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%);
}

.dark .header {
  background-color: rgba(30, 30, 30, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dark h1,
.dark .toolbar button {
  color: #e0e0e0;
}

.dark .toolbar {
  background-color: rgba(30, 30, 30, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dark .toolbar button {
  background-color: rgba(50, 50, 50, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark .toolbar button:hover {
  background-color: rgba(70, 70, 70, 0.9);
}

.dark .editor,
.dark .preview {
  background-color: rgba(30, 30, 30, 0.9);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.dark ::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
}

.dark ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
}

.dark ::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
}


.dark .toolbar-show-button {
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.7), rgba(114, 93, 217, 0.7));
  color: white;
  border: none;
}

.dark .toolbar-show-button:hover {
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.8), rgba(114, 93, 217, 0.8));
}

/* 添加暗色主题下的代码块样式 */
.dark .editor code,
.dark .preview code {
  background-color: rgba(50, 50, 50, 0.3);
  color: #e0e0e0;
}

.dark .editor pre,
.dark .preview pre {
  background-color: rgba(40, 40, 40, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.1);
}


/* 添加在文件末尾 */

/* 暗色主题引用样式 */
.dark .preview blockquote {
  border-left: 4px solid #666;
  background-color: rgba(255, 255, 255, 0.05);
  color: #aaa;
}